<template>
  <div id="qianqichjgcs" class="app-container" v-loading="isLoading">
    <div class="tabs dachuShenChaBox">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="图件审查" name="1"></el-tab-pane>
        <el-tab-pane label="附件审查" name="2"></el-tab-pane>
      </el-tabs>
      <div class="dachuShenCha">
        <div class="dachuShenCha_item" @click="exportYijian">
          <i class="el-icon-upload2"></i> 导出审查意见
        </div>
        <div class="dachuShenCha_item" v-if="!isLook" @click="exportOpinion">
          <i class="el-icon-document-checked"></i> 校验审查意见
        </div>
      </div>
    </div>
    <div class="tdMap-box" v-if="activeName=='1'">
      <tdMap ref="tdMap" :pkList="list" :xianZhuangPath="xianZhuangFliePath" :cuowuList="cuowuListData" :yijianInfo="yijianInfoData" :isLook='isLook'>
        <template slot="buttonGroup">
          <el-button @click="handleXzViewInto" size="medium">现状图</el-button>
        </template>
        <div v-if="curIndex != null" slot="popupBaseInfo">
          <table cellspacing="0" class="tableBasicInfo">
            <tr>
              <th>权利人</th>
              <td>{{list[curIndex].qlr}}</td>
            </tr>
            <tr>
              <th>红线面积（㎡）</th>
              <td>{{list[curIndex].sshxm}}</td>
            </tr>
            <tr>
              <th>占建设用地类百分比</th>
              <td><span
                :class="{redText:list[curIndex].jxzdm < 50}"
              >{{ list[curIndex].jxzdm }}%</span></td>
            </tr>
            <tr>
              <th>建设用地复垦面积</th>
              <td>{{list[curIndex].sshxm}}</td>
            </tr>
            <tr>
              <th>宅基地面积</th>
              <td>{{list[curIndex].nczjd}}</td>
            </tr>
            <tr>
              <th>宅基地附属用地面积</th>
              <td>{{list[curIndex].zjdfs}}</td>
            </tr>
            <tr>
              <th>预计减少建设用地面积</th>
              <td>{{list[curIndex].yjjsj}}</td>
            </tr>
            <tr>
              <th>预计增加农用地面积</th>
              <td>{{list[curIndex].yjzjn}}</td>
            </tr>
            <tr>
              <th>预计增加耕地面积</th>
              <td>{{list[curIndex].yjzjg}}</td>
            </tr>
            <tr>
              <th>预计增加林地面积</th>
              <td>{{list[curIndex].yjzjl}}</td>
            </tr>
            <tr>
              <th>预计增加园地面积</th>
              <td>{{list[curIndex].yjzjy}}</td>
            </tr>
            <tr>
              <th>预计增加其他农用地面积</th>
              <td>{{list[curIndex].yjzjq}}</td>
            </tr>
            <tr>
              <th>权属单位</th>
              <td>{{list[curIndex].qsdw}}</td>
            </tr>
            <tr>
              <th>图幅号</th>
              <td>{{list[curIndex].tfh}}</td>
            </tr>
            <tr>
              <th>图斑号</th>
              <td>{{list[curIndex].tbh}}</td>
            </tr>
            <tr>
              <th>图斑面积（公顷）</th>
              <td>{{list[curIndex].tbdlm}}</td>
            </tr>
            <tr>
              <th>小地名</th>
              <td>{{list[curIndex].xdm}}</td>
            </tr>
            
          </table>
          
        </div>
        <div slot="popupJgInfo">
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div class="zonghexinxiLeft">竣工测绘初审</div>
            <div class="item-box" v-if="jgInfoData.xctk!=null || jgInfoData.xctk!=''">
              <div class="one-item one-item-item item-box-firstItem">初审时间：{{ jgInfoData.xctk.time }}</div>

              <div class="table-box">
                <div class="table-box-left table-box-item">竣工测绘资料</div>
                <div class="table-box-right table-box-item">
                  <ul class="ziliaoList">
                    <li
                      @click="handleImageDialog(item)"
                      v-for="(item,index) in jgInfoData.xctkList"
                      :key="index"
                    >{{item.name}}</li>
                    <li @click="seeImgFunc(jgInfoData.panoramaImg)">全景照</li>
                  </ul>
                </div>
              </div>
            </div>
            <div v-else class="no-data">暂无信息</div>
          </div>
        </div>
      </tdMap>
    </div>
    <div class="fujianShenCha" v-if="activeName=='2'">
      <div class="fujianList">
        <div class="fujianList_item" v-for="(item,index) in fujianList" :key="index">
          <p>{{item.fileName}}</p>
          <el-button
            @click="chaKanItem(item)"
          >{{item.opinionStatus=='AUDIT'?'审查':item.opinionStatus=='VIEW'?'已审查':''}}</el-button>
        </div>
      </div>
      <div class="chaKanBox" v-if="showChaKan">
        <div class="showDetail">
          <div class="chaKanBox_left">
            <div style="width:600px;height:500px;">
              <iframe
                :src="$https+itemData.filePath"
                frameborder="0"
                style="width:100%;height:100%;"
              ></iframe>
            </div>
            <!-- <img src="@/assets/mapText.png" height="500" width="600" alt=""> -->
          </div>
          <div class="chaKanBox_right">
            <div class="chaKanBox_right_item chaKanBox_right_select">
              <p>意见类型：</p>
              <el-select v-model="yijianValue" @change="changeText" placeholder="--请选择--">
                <el-option
                  v-for="item in cuowuList"
                  :key="item.code"
                  :label="item.name"
                  :value="item.code"
                ></el-option>
              </el-select>
            </div>
            <div class="chaKanBox_right_item textarea" v-if="isText">
              <el-input
                class="chaKanBox_right_item_textarea"
                type="textarea"
                :rows="10"
                placeholder="请输入内容"
                v-model="yijianContent"
              ></el-input>
            </div>
            <div class="chaKanBox_right_item button">
              <el-button
                v-if="!isLook"
                type="primary"
                v-loading.fullscreen.lock="fullscreenLoading"
                @click="submitYj"
                element-loading-text="拼命加载中"
                element-loading-spinner="el-icon-loading"
                element-loading-background="rgba(0, 0, 0, 0.8)"
              >提交</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <el-dialog
      title="审查意见"
      :visible.sync="shenchaFlag"
      :before-close="handleClose"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="shenchaItem">
          <p>该片块图件是否为遗漏复垦点：</p>
          <div class="shenchaItem_item">
            <el-radio v-model="itemDataForTable.isMissingReclaimPoint" label="YES">是</el-radio>
            <el-radio v-model="itemDataForTable.isMissingReclaimPoint" label="NO">否</el-radio>
          </div>
        </div>
        <div class="shenchaItem">
          <p>审定规模与送审规模是否一致：</p>
          <div class="shenchaItem_item">
            <el-radio
              @change="isShowThreeInput"
              v-model="itemDataForTable.isIdenticalScale"
              label="YES"
            >是</el-radio>
            <el-radio
              @change="isShowThreeInput"
              v-model="itemDataForTable.isIdenticalScale"
              label="NO"
            >否</el-radio>
          </div>
        </div>
        <div class="shenchaItem_item_noFlex" v-if="showThreeFlag">
          <p>审增(减)原因：</p>
          <div class="shenchaItem_item">
            <el-input
              class="shenchaItem_item_textarea"
              type="textarea"
              :rows="5"
              placeholder="请输入内容"
              v-model="itemDataForTable.auditScaleChangeReason"
            ></el-input>
          </div>
        </div>

        <div class="shenchaItem_small shenchaItem" v-if="showThreeFlag">
          <p>宅基地：</p>
          <div class="shenchaItem_item shenchaItem_item_input">
            <el-input
              class="shenchaItem_item_textarea"
              placeholder="请输入内容"
              v-model="itemDataForTable.homestead"
            ></el-input>
          </div>
        </div>
        <div class="shenchaItem_small shenchaItem" v-if="showThreeFlag">
          <p>附属用地：</p>
          <div class="shenchaItem_item shenchaItem_item_input">
            <el-input
              class="shenchaItem_item_textarea"
              placeholder="请输入内容"
              v-model="itemDataForTable.attachedLand"
            ></el-input>
          </div>
        </div>
        <div class="shenchaItem_small shenchaItem" v-if="showThreeFlag">
          <p>其他：</p>
          <div class="shenchaItem_item shenchaItem_item_input">
            <el-input
              class="shenchaItem_item_textarea"
              placeholder="请输入内容"
              v-model="itemDataForTable.other"
            ></el-input>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer" v-if="!isLook">
        <el-button @click="shenchaFlag = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitYj1"
        >确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="外业审查意见"
      :visible.sync="shenchaFlag1"
      :before-close="handleClose1"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="shenchaItem">
          <p>是否通过：</p>
          <div class="shenchaItem_item">
            <el-radio-group v-model="waiyeObj.waiyeRadio">
              <el-radio label="YES">是</el-radio>
              <el-radio label="NO">否</el-radio>
            </el-radio-group>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="shenchaFlag1 = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitWy"
        >确 定</el-button>
      </span>
    </el-dialog>
    <!-- 综合监管信息图片 -->
    <el-dialog :title="dialogImageUrlTitle" :visible.sync="dialogVisible">
      <img width="100%" :src="$https +dialogImageUrl" />
    </el-dialog>
    <el-dialog :close-on-click-modal="false" title="查看全景图" :visible.sync="panoramaPopup">
      <div ref="panorama" style="text-align:center;width:100%;height:500px"></div>
    </el-dialog>
  </div>
</template>

<script>
import {
  queryLandResultAuditInfo,
  queryProjectResultAuditInfo,
  checkProjectResultAuditInfo,
  getOpinionType,
  auditProjectResultAttachmentInfo,
  auditLandResultInfo,
  verifyAttachmentOpinion,
  laterEnterpriseCheck,
  jgcsWyAuditLandOuterInfo,
  getLandStatusMapAuditInfo,
  auditLandStatusMapInfo
} from "@/api/jjgc";
import { getNormalOpinionType } from "@/api/getOpinion";
import { setTimeout } from "timers";
import tdMap from "@/components/tdMap";
import PhotoSphereViewer from "photo-sphere-viewer";
import "photo-sphere-viewer/dist/photo-sphere-viewer.css";
export default {
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: "success",
        draft: "gray",
        deleted: "danger"
      };
      return statusMap[status];
    }
  },
  components: {
    tdMap
  },
  data() {
    return {
      xianZhuangFliePath:'',
      cuowuListData:[],
      //外业单选
      waiyeObj: {
        waiyeRadio: "",
        landId:''
      },
      shenchaFlag1: false,
      fullscreenLoading: false, //全屏加载
      cuowuList: [], //错误类型数组
      radio: "YES", //该片块图件是否为遗漏复垦点
      radio1: "YES", //审定规模与送审规模是否一致
      textarea: "",
      value: "",
      showChaKan: false, //显示隐藏查看框
      data: [
        {
          id: 1,
          label: "土地利用规划",
          children: [
            {
              id: 8,
              label: "总体规划"
            },
            {
              id: 9,
              label: "管理区规划"
            },
            {
              id: 10,
              label: "土地整治规划"
            }
          ]
        },
        {
          id: 2,
          label: "土地利用现状",
          children: [
            {
              id: 5,
              label: "2018年"
            },
            {
              id: 6,
              label: "2017年"
            }
          ]
        }
      ],
      activeName: "1",
      list: null,
      listLoading: true,
      listQuery: {
        page: 1,
        size: 10,
        projectId: localStorage.getItem("projectId")
      },
      total: 0, //总数
      defaultProps: {
        children: "children",
        label: "label"
      },
      shenchaFlag: false, //审查弹框控制
      showThreeFlag: false, //是否显示三个输入框
      fujianList: [], //附件数组
      itemData: "", //单个附件的数据
      yijianValue: "", //意见值
      yijianContent: "", //意见内容
      itemDataForTable: {
        landId: "", //片块ID
        isIdenticalScale: "", //审定规模与送审规模是否一致,可用值:YES,NO
        isMissingReclaimPoint: "", //是否为遗漏复垦点,可用值:YES,NO
        auditScaleChangeReason: "", //审减（增）原因，有原因时填写
        attachedLand: "", //附属用地
        homestead: "", //宅基地
        other: "" //其他
      },

      mapConfig: {
        map: null,
        lng: 106.55,
        lat: 29.57,
        zoom: 10,
        lay: null
      },
      T: null,

      isText: true,
      isLoading: false,
      viewText: false,
      curProgress: "",
      isLook: false,
      isReadOnly: false,

      curIndex: null,
      jgInfoData: {
        //监管信息数据
        xctk: "",
        xctkList: [],
        panoramaImg: require("@/assets/pure-house.jpg")//全景照
      },
      dialogVisible: false,
      dialogImageUrl: null,
      dialogImageUrlTitle: "查看图片",
      panoramaPopup: false,
      //意见
      yijianInfoData:{
        yijianValue:'',
        yijianContent:'',
        status:''
      }
      
    };
  },
  created() {
    this.curProgress = localStorage.getItem("router");
    if (this.curProgress != "LATER_MAPPING_RESULT_FIRST_AUDIT") {
      this.isLook = true;
      this.isReadOnly = true;
    } else {
      this.isReadOnly = false;
    }

    this.getData();
    this.getFujian();
    this.getOpinionType();
  },
  methods: {
    //关闭现状图
    guanbiXianZhuang(){
      this.xianZhuangFliePath=''
    },
    //问题记录
    wentijilu(row) {
      var that = this;
      var data = {
        projectId: localStorage.getItem("projectId"),
        landId: row.landId,
        statusMapProblemType: row.yijianValue,
        statusMapProblemRecord: row.yijianContent
      };
      auditLandStatusMapInfo(data).then(res => {
        this.$refs.tdMap.closeXianZhuang()
        console.log(res);
        if (res.code == 1000) {
          this.$message({
            message: "提交成功",
            type: "success"
          });
          // this.isText = true;
          
        }
      }).catch(error=>{
        this.$refs.tdMap.closeXianZhuang()
      });
    },
    //打开现状图
    handleXzViewInto(){
      this.$refs.tdMap.handleXzView()
    },
    getCurListIndex(index) {
      //片块基本信息
      this.curIndex = index;
      if (index != null) {
        this.getJgInfo();
      }
    },
    handleImageDialog(item) {
      this.dialogImageUrl = item.path;
      this.dialogImageUrlTitle = item.name;
      this.dialogVisible = true;
    },
    seeImgFunc(quan){
      this.panoramaPopup = true;
        if(!this.$refs.panorama){
          this.$nextTick(() => {
            PhotoSphereViewer({
              panorama: this.jgInfoData.panoramaImg,
              container: this.$refs.panorama,
              time_anim: 3000,
              navbar: true,
              navbar_style: {
                backgroundColor: "rgba(58, 67, 77, 0.7)"
              }
            });
          });
        }
    },
    getJgInfo() {
      //获取综合监管信息
      let obj = {
        landId: this.list[this.curIndex].landId
      };
      laterEnterpriseCheck(obj).then(res => {
        this.jgInfoData.xctk = res.data;
        this.jgInfoData.xctkList = [
          { name: "复垦点方位一照片", path: res.data.positionOneFilePath },
          { name: "复垦点方位二照片", path: res.data.positionTwoFilePath },
          { name: "复垦点方位一照片", path: res.data.positionThreeFilePath },
          { name: "复垦点方位四照片", path: res.data.positionFourFilePath },
        ];
        this.jgInfoData.panoramaImg=res.data.panoramagramFilePath
      });
    },
    //打开外业审查意见弹框
    shenchaWy(row) {
      console.log(row,'way')
      this.waiyeObj.waiyeRadio = "";
      this.waiyeObj.landId=row.landId
      this.waiyeObj.waiyeRadio=row.auditDto.isStoringRecordInspection
      this.shenchaFlag1 = true;
    },
    //提交外业意见
    submitWy() {
      console.log("审查");
      let obj={
        landId:this.waiyeObj.landId,
        projectId:localStorage.getItem('projectId'),
        isStoringRecordInspection:this.waiyeObj.waiyeRadio
      }
      jgcsWyAuditLandOuterInfo(obj).then(res=>{
        if (res.code == 1000) {
          this.$message({
            message: "审查成功",
            type: "success"
          });
          this.shenchaFlag1=false
          this.getData();
        }
      })
    },
    //关闭外业意见
    handleClose1() {
      this.shenchaFlag1 = false;
    },
    exportYijian() {
      //导出意见
      var a = document.createElement("a");
      a.setAttribute(
        "href",
        this.$https +
          "/pc/project/later_mapping_result/first_audit/opinion_review?projectId=" +
          localStorage.getItem("projectId")
      );
      a.click();
    },
    exportOpinion() {
      let obj = {
        projectId: localStorage.getItem("projectId")
      };
      this.isLoading = true;
      verifyAttachmentOpinion(obj)
        .then(res => {
          this.isLoading = false;
          if (res.code == 1000) {
            this.$alert("全部审查成功,请前往意见中心进行审查", "提示", {
              confirmButtonText: "确定",
              callback: action => {}
            });
          }
        })
        .catch(err => {
          this.isLoading = false;
        });
    },
    changeText(v) {
      if (v == "NO_PROBLEM") {
        this.isText = false;
      } else {
        this.isText = true;
      }
    },
    //提交意见(列表)
    submitYj1() {
      this.fullscreenLoading = true;
      var that = this;
      var itemDataForTable = this.itemDataForTable;
      var data = {
        projectId: localStorage.getItem("projectId"),
        landId: itemDataForTable.landId,
        isIdenticalScale: itemDataForTable.isIdenticalScale,
        isMissingReclaimPoint: itemDataForTable.isMissingReclaimPoint,
        auditScaleChangeReason: itemDataForTable.auditScaleChangeReason,
        attachedLand: itemDataForTable.attachedLand,
        homestead: itemDataForTable.homestead,
        other: itemDataForTable.other
      };
      auditLandResultInfo(data).then(res => {
        console.log(res);
        this.fullscreenLoading = false;
        if (res.code == 1000) {
          this.$message({
            message: "审查成功",
            type: "success"
          });
          that.getData();
          that.shenchaFlag = false;
          that.isText = true;
          that.itemDataForTable = {
            landId: "", //片块ID
            isIdenticalScale: "", //审定规模与送审规模是否一致,可用值:YES,NO
            isMissingReclaimPoint: "", //是否为遗漏复垦点,可用值:YES,NO
            auditScaleChangeReason: "", //审减（增）原因，有原因时填写
            attachedLand: "", //附属用地
            homestead: "", //宅基地
            other: "" //其他
          };
        }
      });
    },
    //提交意见(附件)
    submitYj() {
      var that = this;
      this.fullscreenLoading = true;
      var data = {
        projectId: localStorage.getItem("projectId"),
        attachmentType: this.itemData.fileType,
        opinionType: this.yijianValue,
        opinionContent: this.yijianContent
      };
      auditProjectResultAttachmentInfo(data).then(res => {
        this.fullscreenLoading = false;
        console.log(res);
        if (res.code == 1000) {
          this.$message({
            message: "提交成功",
            type: "success"
          });
          setTimeout(function() {
            that.getFujian();
            that.showChaKan = false;
            that.itemData = ""; //单个附件的数据
            that.yijianValue = ""; //意见值
            that.yijianContent = ""; //意见内容
          }, 1200);
        }
      });
    },
    //获取意见类型
    getOpinionType() {
      getNormalOpinionType().then(res => {
        console.log(res);
        this.cuowuList = res.data;
        this.cuowuListData = res.data;
      });
    },
    //查看附件
    chaKanItem(item) {
      console.log(item);
      if (item.opinionStatus == "VIEW") {
        this.yijianValue = item.opinionType;
        this.yijianContent = item.opinion;
        if (this.yijianValue == "NO_PROBLEM") {
          this.isText = false;
        } else {
          this.isText = true;
        }
      } else {
        this.yijianContent = "";
        this.yijianValue = "";
        this.isText = true;
      }
      this.itemData = item;
      this.showChaKan = true;
    },
    //获取附件列表
    getFujian() {
      var data = {
        projectId: localStorage.getItem("projectId")
      };
      checkProjectResultAuditInfo(data).then(res => {
        console.log(res);
        this.fujianList = res.data.projectAccessoryList;
      });
    },
    //获取现状图
    getXianZhangData(data) {
      var data = {
        landId: data.landId
      };
      getLandStatusMapAuditInfo(data).then(res => {
        this.xianZhuangFliePath= res.data.statusMap.filePath
        this.yijianInfoData.yijianValue = res.data.auditDto.statusMapProblemType;
        this.yijianInfoData.yijianContent = res.data.auditDto.statusMapProblemRecord;
        this.yijianInfoData.status = res.data.auditDto.statusMapProblemStatus;
        console.log(this.xianZhuangFliePath,"xianZhuangFliePath")
      });
    },
    //前往查看现状图
    toSeeXianZhuang(row) {
      this.getXianZhangData(row)
    },
    //是否显示三个输入框
    isShowThreeInput(e) {
      console.log(e);
      if (e == "NO") {
        this.showThreeFlag = true;
      } else {
        this.showThreeFlag = false;
      }
    },
    //关闭审查弹框
    handleClose() {
      this.shenchaFlag = false;
    },
    //打开审查意见弹框
    shenchaYj(row) {
      console.log(row, "123");
      if (row.auditDto.auditScaleChangeStatus == "AUDIT") {
        this.itemDataForTable = {
          landId: "", //片块ID
          isIdenticalScale: "", //审定规模与送审规模是否一致,可用值:YES,NO
          isMissingReclaimPoint: "", //是否为遗漏复垦点,可用值:YES,NO
          auditScaleChangeReason: "", //审减（增）原因，有原因时填写
          attachedLand: "", //附属用地
          homestead: "", //宅基地
          other: "" //其他
        };
        this.showThreeFlag = false;
      } else if (row.auditDto.auditScaleChangeStatus == "VIEW") {
        if (row.auditDto.isIdenticalScale == "NO") {
          this.showThreeFlag = true;
        } else {
          this.showThreeFlag = false;
        }
        this.itemDataForTable = {
          landId: row.landId, //片块ID
          isIdenticalScale: row.auditDto.isIdenticalScale, //审定规模与送审规模是否一致,可用值:YES,NO
          isMissingReclaimPoint: row.auditDto.isMissingReclaimPoint, //是否为遗漏复垦点,可用值:YES,NO
          auditScaleChangeReason: row.auditDto.auditScaleChangeReason, //审减（增）原因，有原因时填写
          attachedLand: row.auditDto.attachedLand, //附属用地
          homestead: row.auditDto.homestead, //宅基地
          other: row.auditDto.other //其他
        };
      }
      this.itemDataForTable.landId = row.landId;
      this.shenchaFlag = true;
    },
    getData() {
      this.listLoading = true;
      var data = {};
      var objArr = this.listQuery;
      for (var index in objArr) {
        if (objArr[index] != "" && objArr[index] != null) {
          data[index] = objArr[index];
        }
      }
      queryLandResultAuditInfo(data).then(res => {
        console.log(res);
        this.listLoading = false;
        this.list = res.data.rows;
        this.total = res.data.total;
      });
    },
    //改变每页显示条数
    handleSizeChange(e) {
      console.log(e);
      this.listQuery.size = e;
      this.getData();
    },
    //改变页码
    handleCurrentChange(num) {
      console.log(num);
      this.listQuery.page = num;
      this.getData();
    },
    handleClick(tab, event) {
      console.log(tab, event);
      this.showChaKan = false;
      this.textarea = "";
      this.value = "";
    },
    changeLnglat(scope) {
      this.$refs.tdMap.changePkPosition(scope.$index);
    }
  }
};
</script>
<style>
#qianqichjgcs .redPercent {
  color: red;
}
#qianqichjgcs .el-tabs__nav-wrap::after {
  height: 1px;
}
#qianqichjgcs .mapBox {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
#qianqichjgcs .mapBox_right {
  width: 85%;
  height: 600px;
}
#qianqichjgcs .ditudanghang {
  background: #f2f2f2;
  height: 40px;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 40px;
}
.fujianShenCha {
  overflow: auto;
}
#qianqichjgcs .fujianList {
  margin-top: 30px;
  float: left;
  width: 30%;
  box-sizing: border-box;
}
.chaKanBox {
  float: left;
  width: 68%;
  box-sizing: border-box;
}
#qianqichjgcs .fujianList_item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 30px;
}
#qianqichjgcs .fujianList_item p {
  width: 300px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #444;
}
#qianqichjgcs .dachuShenChaBox {
  position: relative;
}
#qianqichjgcs .dachuShenCha {
  position: absolute;
  right: 0;
  top: 4px;
  display: flex;
}
#qianqichjgcs .dachuShenCha .dachuShenCha_item {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
}
#qianqichjgcs .dachuShenCha .dachuShenCha_item:first-child {
  margin-right: 35px;
}
.showDetail {
  display: flex;
}
.chaKanBox_right_select {
  display: flex;
  align-items: center;
}
.chaKanBox_right_select p {
  font-size: 14px;
  color: #444;
  margin-right: 15px;
}
.chaKanBox_right {
  margin-left: 40px;
  width: calc(100% - 540px);
}
.chaKanBox_right_item {
  margin-bottom: 20px;
}
.chaKanBox_right_item_textarea {
  width: 100%;
}
.shenchaItem {
  display: flex;
  align-items: center;
}
.shenchaItem p {
  width: 230px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenChaTanKuang .el-dialog {
  width: 500px;
}
.shenchaItem_item_textarea {
  width: 100%;
}
.shenchaItem_item_noFlex p {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenchaItem_small {
  margin-top: 20px;
}
.shenchaItem_small p {
  width: 100px;
}
.shenchaItem_item_input {
  width: 260px;
}

.el-tree-node__label {
  margin-left: 10px;
}
.tableBasicInfo{
  margin: 20px auto;
  font-size: 14px;
  text-align: center;
  width: 90%;
  border: 1px solid #EBEEF5;
  box-sizing: border-box;
  border-bottom:0px; 
}

.tableBasicInfo tr th,.tableBasicInfo tr td{
  border-bottom: 1px solid #EBEEF5;
  padding: 5px 10px;
}
.tableBasicInfo tr th{
  border-right: 1px solid #EBEEF5;
  color: #b3b3b3;
}
.tableBasicInfo tr td{
  color: #666;
}
</style>
